//out:../css/


@vw:3.75vw;


body,html{
  // height: 100%;
  // width: 100%;
  background-color: #519fc0;
  // background-image: linear-gradient(to right bottom,#69c6b7,#3d7ec8);
  
}


*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;

}


.wrap{
  // background-color: pink;
  border: none;
  .title{
    display: flex;
    justify-content: center;
    height: (33/@vw);
    margin: (150/@vw) auto (65/@vw);
    font-size: (45/@vw);
    color: #ffffff;
  }

  .form{
     height: (170/@vw);
    //  background-color: pink;
     padding: 0 (43/@vw);
     .form1{
       display: flex;
       justify-content: center;
       flex-wrap: wrap;
        
       .login{
        width: (235/@vw);
        height: (38/@vw);
        background-color: #519fc0;
        border: 1px solid #ffffff;
        border-radius: (18/@vw);
        margin-bottom: (16/@vw);
        padding-left: (18/@vw);
        font-size: (13/@vw);
      }
      
      .mima{
        width: (235/@vw);
        height: (38/@vw);
        background-color: #519fc0;
        border: 1px solid #ffffff;
        border-radius: (18/@vw);
        margin-bottom: (16/@vw);
        padding-left: (18/@vw);
        font-size: (13/@vw);
  
    }
    button{
      width: (235/@vw);
      height: (38/@vw);
      background-color: #56b3f5;
      border-radius: (18/@vw);
      border: 0;
      font-size: (16/@vw);
      color: #ffffff;
      cursor: pointer;
      margin-bottom: (10/@vw);
    }
    .link{

      a{
        text-decoration: none;
        font-size: (10/@vw);
        color: #ffffff;
      }
    }


 }


}


}